<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
	<meta name="format-detection" content="telephone=no">
	<script src="js/rem.js"></script>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/index.css">
</head>
<body>
	<!-- 横向Tab -->
	<div class="tabs-transverse">
		<p id="tabs-title"> 
			<a class="active" href="javascript:;">内容一</a> 
			<a href="javascript:;">内容二</a> 
			<a href="javascript:;">内容三</a> 
			<a href="javascript:;">内容四</a> 
		</p>
		<div class="table" id="table">
			<div class="box">1111</div>
			<div class="box">2222</div>
			<div class="box">3333</div>
			<div class="box">4444</div>
		</div>
	</div>
	<div class="footer">
		<p>登录</p>
	</div>
</body>
<script src="js/jquery-1.11.3.js"></script>
<script src="js/presonal.js"></script>
</html>